<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>day11</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="head">
        <div>
            <img src="./images/logo.png" alt="">
        </div>
    </div>
    <div class="nav"> 
        <ul>
            <li>home</li>
            <li>about</li>
            <li>services</li>
            <li>products</li>
            <li>contacts</li>
        </ul>
    </div>
    <div class="slide">
        <a href="">
            READ MORE
        </a>
    </div>
    <div class="head_footer">
        <div class="mp-pag1">
            <p>BUSINESS</p>
                STRATEGY
        </div>
        <div class="mp-pag2">
            <p>BUSINESS</p>
               STRATEGY
        </div>
        <div class="mp-pag3">
            <p>BUSINESS</p>
               STRATEGY
        </div>
    </div>
    <!-- 内容1 -->
    <div class="content">
        <h2>Our experience is the base for</h2>
        <h2>your innovations.</h2>
        <div class="content_itme">
            <div class="itme">
                <h1>A.</h1>
                <p>
                    Vivamus hendrerit
                    mnans it ui gravida ut
                    viverra lectus tinciduntcras mattis.
                    <a href="">READ MORE</a>
                </p>
            </div>
            <div class="itme">
                <h1>B.</h1>
                <p>
                    Vivamus hendrerit
                    mnans it ui gravida ut
                    viverra lectus tinciduntcras mattis.
                    <a href="">READ MORE</a>
                </p>
            </div>
            <div class="itme">
                <h1>C.</h1>
                <p>
                    Vivamus hendrerit
                    mnans it ui gravida ut
                    viverra lectus tinciduntcras mattis.
                    <a href="">READ MORE</a>
                </p>
            </div>
            <div class="itme">
                <h1>D.</h1>
                <p>
                    Vivamus hendrerit
                    mnans it ui gravida ut
                    viverra lectus tinciduntcras mattis.
                    <a href="">READ MORE</a>
                </p>
            </div>
        </div>
    </div>
    <!-- 内容2 -->
    <div class="content2">
        <div class="company">
            <h1>Welcome to our company!</h1>
            <p>
                Click here for more info about this free website templates created by TemplateMonster.com. This website
                template is optimized for 1280X1024 screen resolution. Itis also XHTML & CSS valid. Vivamus hendrerit
                mauris ut dui gravida ut viverra lectus tincidunt Cras mattis tempor eros nec tristique.
            </p>
            <div class="company_page">
                <div class="page">
                    <img src="./images/page1-img1.jpg" alt="">
                   <p>Sara Green</p> 
                    <span>MANAGER</span>
                </div>
                <div class="page">
                    <img src="./images/page1-img2.jpg" alt="">
                   <p>Sara Green</p> 
                    <span>MANAGER</span>
                </div>
                <div class="page">
                    <img src="./images/page1-img3.jpg" alt="">
                   <p>Sara Green</p> 
                    <span>MANAGER</span>
                </div>
            </div>
        </div>
        <div class="aside">
            <h1>Latest news:</h1>
            <div class="aside_itme">
                <span>NOV.25, 2012</span>
                <p>
                    The PSD source files ofthis Pointtemplate
                    are available for free for the registered
                    members of TemplateMonster.com. Feel
                    free to getthem!
            </div>
            <div class="aside_itme">
                <span>NOV.25, 2012</span>
                <p>
                    The PSD source files ofthis Pointtemplate
                    are available for free for the registered
                    members of TemplateMonster.com. Feel
                    free to getthem!
            </div>
        </div>
    </div>
    <!-- 内容3 -->
    <div class="service">
        <div class="service_itme">
            <h2>Services:</h2>
                <p>  VVAMUS HENDRERIT MAURIS</p>
                <p>  UFDUI GRAVIDA UT VIVERRA</p>
                <p>  LECTUS TINCIDUNT CRAS</p>
                <p> MATTIS TEMPOR EROS NEC</p>
        </div>
        <div class="service_itme">
            <h2>Services:</h2>
                <p>  VVAMUS HENDRERIT MAURIS</p>
                <p>  UFDUI GRAVIDA UT VIVERRA</p>
                <p>  LECTUS TINCIDUNT CRAS</p>
                <p> MATTIS TEMPOR EROS NEC</p>
        </div>
        <div class="service_itme">
            <h2>Services:</h2>
                <p>  VVAMUS HENDRERIT MAURIS</p>
                <p>  UFDUI GRAVIDA UT VIVERRA</p>
                <p>  LECTUS TINCIDUNT CRAS</p>
                <p> MATTIS TEMPOR EROS NEC</p>
        </div>
        <div class="service_itme2">
            <h2>Services:</h2>
                <p>Vivamus hendrerit mauris ut dui
                    gravida ut viverra lectus tincidunt. Cras
                    mattis tempor eros nec tristique. Sed
                    sed felis arcu, vel vehicula augue.
                </p>
                
        </div>
    </div>
    <!-- 结尾 -->
    <div class="footer">
        <img src="./images/footer-logo.png" alt="">
        <p>
            Website Template designed by <a href="">TemplateMonster.com</a>
        </p>
        <div class="link">
            <img src="./images/social-link-1.jpg" alt="">
            <img src="./images/social-link-2.jpg" alt="">
            <img src="./images/social-link-3.jpg" alt="">
        </div>
    </div>
</body>
</html>